/*公共样式*/
/*1.清除你不要的样式*/
*,
::before,
::after{
    padding: 0;
    margin: 0;
}
ul,ol{
    list-style: none;
}
input{
    /*当文本框成为当前激活对象的时候，周围会有一个淡淡的彩色边框*/
    outline: none;
    border: none;
    border: 1px solid #ccc;
}


/*2.设置所有元素公共样式*/
body{
    font-size: 12px;
    font-family: "Microsoft YaHei",sans-serif;
    color: #333;
}
a{
    color: #666;
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
*{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.f_left{
    float: left;
}
.f_right{
    float: right;
}
.m_l10{
    margin-left: 10px;
}
.m_r10{
    margin-right: 10px;
}
.clearfix::before,
.clearfix::after{
    content: "";
    clear: both;
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
}